<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>乐购商城-首页</title>
    <!--引入重置样式-->
    <link rel="stylesheet" href="css/reset.css">
    <!--引入公用样式-->
    <link rel="stylesheet" href="css/common.css">
    <!--引入首页样式-->
    <link rel="stylesheet" href="css/01-index.css">
    <!--引入轮播图的css样式-->
    <link rel="stylesheet" href="css/slide.css">
    <!--引入jQuery-->
    <script src="./js/jquery.min.js"></script>
    <!--引入首页js-->
    <script src="./js/01-index.js"></script>
    <!--引入轮播图插件-->
    <script src="./js/slide.js"></script>

</head>

<body>
    <!--header-->
    <header>
        <div id="topBar" class="container-fluid">
            <div class="container login clearfix">
                <span class="website fl">legochina.cn</span>
                <p class="fr">欢迎光临<span class="colorf60">乐购</span>，请 <a href="./04-login.html">登录</a>\<a
                        href="./05-register.html">注册</a></p>
            </div>
        </div>

        <!--searchBox-->
        <div class="container">
            <div id="searchBox" class="clearfix">
                <a href="./08-confirm.html" class="myOrder fr">我的订单</a>
                <a href="./06-shopCar.html" class="shopCar fr">购物车 <span>3</span></a>
                <form id="search" action="#" method="get" class="fr">
                    <input type="text" class="searchContent fl" placeholder="创意文具">
                    <input type="submit" class="searchButton fl" value="">
                </form>
            </div>
        </div>

        <!--nav-->
        <div class="container">
            <nav id="nav" class="clearfix">
                <h1 class="logo fl">
                    <a href="./01-index.html"><img src="./images/LOGO_02.jpg" alt=""></a>
                </h1>
                <ul class="navList fr">
                    <li><a href="#">图书</a></li>
                    <li><a href="./02-productList.html">电子书</a></li>
                    <li><a href="#">原创文学</a></li>
                    <li><a href="#">服装</a></li>
                    <li><a href="#">运动户外</a></li>
                    <li><a href="#">孕婴童</a></li>
                    <li><a href="#">家居</a></li>
                    <li><a href="#">创意文具</a></li>
                    <li><a href="#">地方特产</a></li>
                    <li><a href="#">海外购</a></li>
                    <li><a href="#">电器城</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <!--ticketCenter-->
    <div id="ticket" class="container-fluid">
        <!--领券中心-->
        <img class="icon1 fr" src="./images/two_35.jpg" alt="">
        <img class="icon2 fr" src="./images/two_30.jpg" alt="">
        <img class="icon3 fr" src="./images/two_40.jpg" alt="">
        <img class="icon4 fr" src="./images/two_34.jpg" alt="">
    </div>

    <!--menu & banner-->
    <section class="container clearfix">
        <!--menu-->
        <div id="menu" class="fl">
            <ul>
                <li class="catagory">
                    <p>
                        <a href="#">图书</a>、<a href="#">电子书</a>、<a href="#">童书</a>
                    </p>

                    <div class="submenu">
                        <ul class="topList">
                            <li><a href="#">图书馆>></a></li>
                            <li><a href="#">儿童书馆>></a></li>
                            <li><a href="#">电子书馆>></a></li>
                        </ul>
                        <div class="title colorf60 fs14">文艺</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                    </div>
                </li>
                <li class="catagory">
                    <p>
                        <a href="#">创意文具</a>
                    </p>
                    <div class="submenu">
                        <ul class="topList">
                            <li><a href="#">图书馆>></a></li>
                            <li><a href="#">儿童书馆>></a></li>
                            <li><a href="#">电子书馆>></a></li>
                        </ul>
                        <div class="title colorf60 fs14">文艺</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                    </div>
                </li>
                <li class="catagory">
                    <p>
                        <a href="#">服饰</a>、<a href="#">内衣</a>
                    </p>
                    <div class="submenu">
                        <ul class="topList">
                            <li><a href="#">图书馆>></a></li>
                            <li><a href="#">儿童书馆>></a></li>
                            <li><a href="#">电子书馆>></a></li>
                        </ul>
                        <div class="title colorf60 fs14">文艺</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                    </div>
                </li>
                <li class="catagory">
                    <p>
                        <a href="#">鞋靴</a>、<a href="#">箱包</a>
                    </p>
                    <div class="submenu">
                        <ul class="topList">
                            <li><a href="#">图书馆>></a></li>
                            <li><a href="#">儿童书馆>></a></li>
                            <li><a href="#">电子书馆>></a></li>
                        </ul>
                        <div class="title colorf60 fs14">文艺</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                    </div>
                </li>
                <li class="catagory">
                    <p>
                        <a href="#">运动户外</a>
                    </p>
                    <div class="submenu">
                        <ul class="topList">
                            <li><a href="#">图书馆>></a></li>
                            <li><a href="#">儿童书馆>></a></li>
                            <li><a href="#">电子书馆>></a></li>
                        </ul>
                        <div class="title colorf60 fs14">文艺</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                    </div>
                </li>
                <li class="catagory">
                    <p>
                        <a href="#">孕</a>、<a href="#">婴</a>、<a href="#">童</a>
                    </p>
                    <div class="submenu">
                        <ul class="topList">
                            <li><a href="#">图书馆>></a></li>
                            <li><a href="#">儿童书馆>></a></li>
                            <li><a href="#">电子书馆>></a></li>
                        </ul>
                        <div class="title colorf60 fs14">文艺</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                    </div>
                </li>
                <li class="catagory">
                    <p>
                        <a href="#">家居</a>、<a href="#">家纺</a>、<a href="#">汽车</a>
                    </p>
                    <div class="submenu">
                        <ul class="topList">
                            <li><a href="#">图书馆>></a></li>
                            <li><a href="#">儿童书馆>></a></li>
                            <li><a href="#">电子书馆>></a></li>
                        </ul>
                        <div class="title colorf60 fs14">文艺</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                    </div>
                </li>
                <li class="catagory">
                    <p>
                        <a href="#">家具</a>、<a href="#">家装</a>、<a href="#">康体</a>
                    </p>
                    <div class="submenu">
                        <ul class="topList">
                            <li><a href="#">图书馆>></a></li>
                            <li><a href="#">儿童书馆>></a></li>
                            <li><a href="#">电子书馆>></a></li>
                        </ul>
                        <div class="title colorf60 fs14">文艺</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                    </div>
                </li>
                <li class="catagory">
                    <p>
                        <a href="#">美妆</a>、<a href="#">个人护理</a>、<a href="#">成人</a>
                    </p>
                    <div class="submenu">
                        <ul class="topList">
                            <li><a href="#">图书馆>></a></li>
                            <li><a href="#">儿童书馆>></a></li>
                            <li><a href="#">电子书馆>></a></li>
                        </ul>
                        <div class="title colorf60 fs14">文艺</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                    </div>
                </li>
                <li class="catagory">
                    <p>
                        <a href="#">食品</a>、<a href="#">茶酒</a>、<a href="#">生鲜</a>
                    </p>
                    <div class="submenu">
                        <ul class="topList">
                            <li><a href="#">图书馆>></a></li>
                            <li><a href="#">儿童书馆>></a></li>
                            <li><a href="#">电子书馆>></a></li>
                        </ul>
                        <div class="title colorf60 fs14">文艺</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                    </div>
                </li>
                <li class="catagory">
                    <p>
                        <a href="#">腕表</a>、<a href="#">珠宝</a>、<a href="#">眼镜</a>
                    </p>
                    <div class="submenu">
                        <ul class="topList">
                            <li><a href="#">图书馆>></a></li>
                            <li><a href="#">儿童书馆>></a></li>
                            <li><a href="#">电子书馆>></a></li>
                        </ul>
                        <div class="title colorf60 fs14">文艺</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                    </div>
                </li>
                <li class="catagory">
                    <p>
                        <a href="#">手机</a>、<a href="#">数码</a>
                    </p>
                    <div class="submenu">
                        <ul class="topList">
                            <li><a href="#">图书馆>></a></li>
                            <li><a href="#">儿童书馆>></a></li>
                            <li><a href="#">电子书馆>></a></li>
                        </ul>
                        <div class="title colorf60 fs14">文艺</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                    </div>
                </li>
                <li class="catagory">
                    <p>
                        <a href="#">电脑办公</a>
                    </p>
                    <div class="submenu">
                        <ul class="topList">
                            <li><a href="#">图书馆>></a></li>
                            <li><a href="#">儿童书馆>></a></li>
                            <li><a href="#">电子书馆>></a></li>
                        </ul>
                        <div class="title colorf60 fs14">文艺</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                    </div>
                </li>
                <li class="catagory">
                    <p>
                        <a href="#">家用电器</a>
                    </p>
                    <div class="submenu">
                        <ul class="topList">
                            <li><a href="#">图书馆>></a></li>
                            <li><a href="#">儿童书馆>></a></li>
                            <li><a href="#">电子书馆>></a></li>
                        </ul>
                        <div class="title colorf60 fs14">文艺</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                        <div class="title colorf60 fs14">人文社科</div>
                        <ul class="item clearfix">
                            <li><a href="#">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">艺术</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">明星</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">政治军事</a></li>
                            <li><a href="#">文化</a></li>
                            <li><a href="#">心理学</a></li>
                            <li><a href="#">法律</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
        <!--轮播图-->
        <div id="banner" class="fl">
            <!--轮播图插件代码-->
            <div class="pptbox" id="boxAnimate">
                <ul class="innerwrapper">
                    <li><a href="#"><img src="./images/banner1.jpg" /></a></li>
                    <li><a href="#"><img src="./images/banner2.jpg" /></a></li>
                    <li><a href="#"><img src="./images/banner3.jpg" /></a></li>
                    <li><a href="#"><img src="./images/banner4.jpg" /></a></li>
                    <li><a href="#"><img src="./images/banner5.jpg" /></a></li>
                    <li><a href="#"><img src="./images/banner6.jpg" /></a></li>
                </ul>
                <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                    <li>6</li>
                </ul>
                <span class="btnleft"></span>
                <span class="btnright"></span>
            </div>
        </div>
    </section>

    <!--recommend-->
    <section id="recommend" class="mb30">
        <div class="container">
            <p class="title colorf60 fs24 mt20">乐购.今日推荐</p>
            <div class="picBox">
                <ul class="clearfix">
                    <li>
                        <div class="areaCenter"><a href="#"><img src="./images/index06_05.jpg" alt=""></a></div>
                        <img src="./images/index05_18.jpg" alt="">
                        <p class="fs14 ml10">黑爵青蜂侠六键电竞游戏鼠标</p>
                        <p class="fs14 colorf42 ml10">全国联保 一年免费包换</p>
                        <p class="fs24 colorf42 ml10">￥:299</p>
                    </li>
                    <li>
                        <div class="mainPic"><a href="#"><img src="./images/index06_05.jpg" alt=""></a></div>
                        <img src="./images/index05_18.jpg" alt="">
                        <p class="fs14 ml10">黑爵青蜂侠六键电竞游戏鼠标</p>
                        <p class="fs14 colorf42 ml10">全国联保 一年免费包换</p>
                        <p class="fs24 colorf42 ml10">￥:299</p>
                    </li>
                    <li>
                        <div class="mainPic"><a href="#"><img src="./images/index06_05.jpg" alt=""></a></div>
                        <img src="./images/index05_18.jpg" alt="">
                        <p class="fs14 ml10">黑爵青蜂侠六键电竞游戏鼠标</p>
                        <p class="fs14 colorf42 ml10">全国联保 一年免费包换</p>
                        <p class="fs24 colorf42 ml10">￥:299</p>
                    </li>
                    <li>
                        <div class="mainPic"><a href="#"><img src="./images/index06_05.jpg" alt=""></a></div>
                        <img src="./images/index05_18.jpg" alt="">
                        <p class="fs14 ml10">黑爵青蜂侠六键电竞游戏鼠标</p>
                        <p class="fs14 colorf42 ml10">全国联保 一年免费包换</p>
                        <p class="fs24 colorf42 ml10">￥:299</p>
                    </li>
                    <li>
                        <div class="mainPic"><a href="#"><img src="./images/index06_05.jpg" alt=""></a></div>
                        <img src="./images/index05_18.jpg" alt="">
                        <p class="fs14 ml10">黑爵青蜂侠六键电竞游戏鼠标</p>
                        <p class="fs14 colorf42 ml10">全国联保 一年免费包换</p>
                        <p class="fs24 colorf42 ml10">￥:299</p>
                    </li>
                    <li>
                        <div class="mainPic"><a href="#"><img src="./images/index06_05.jpg" alt=""></a></div>
                        <img src="./images/index05_18.jpg" alt="">
                        <p class="fs14 ml10">黑爵青蜂侠六键电竞游戏鼠标</p>
                        <p class="fs14 colorf42 ml10">全国联保 一年免费包换</p>
                        <p class="fs24 colorf42 ml10">￥:299</p>
                    </li>
                    <li>
                        <div class="mainPic"><a href="#"><img src="./images/index06_11.jpg" alt=""></a></div>
                        <img src="./images/index05_18.jpg" alt="">
                        <p class="fs14 ml10">小熊家用静音加湿器</p>
                        <p class="fs14 colorf42 ml10">唯美外观 微米级喷雾</p>
                        <p class="fs24 colorf42 ml10">￥:89</p>
                    </li>
                    <li>
                        <div class="mainPic"><a href="#"><img src="./images/index06_11.jpg" alt=""></a></div>
                        <img src="./images/index05_18.jpg" alt="">
                        <p class="fs14 ml10">小熊家用静音加湿器</p>
                        <p class="fs14 colorf42 ml10">唯美外观 微米级喷雾</p>
                        <p class="fs24 colorf42 ml10">￥:89</p>
                    </li>
                    <li>
                        <div class="mainPic"><a href="#"><img src="./images/index06_11.jpg" alt=""></a></div>
                        <img src="./images/index05_18.jpg" alt="">
                        <p class="fs14 ml10">小熊家用静音加湿器</p>
                        <p class="fs14 colorf42 ml10">唯美外观 微米级喷雾</p>
                        <p class="fs24 colorf42 ml10">￥:89</p>
                    </li>
                    <li>
                        <div class="mainPic"><a href="#"><img src="./images/index06_11.jpg" alt=""></a></div>
                        <img src="./images/index05_18.jpg" alt="">
                        <p class="fs14 ml10">小熊家用静音加湿器</p>
                        <p class="fs14 colorf42 ml10">唯美外观 微米级喷雾</p>
                        <p class="fs24 colorf42 ml10">￥:89</p>
                    </li>
                    <li>
                        <div class="mainPic"><a href="#"><img src="./images/index06_11.jpg" alt=""></a></div>
                        <img src="./images/index05_18.jpg" alt="">
                        <p class="fs14 ml10">小熊家用静音加湿器</p>
                        <p class="fs14 colorf42 ml10">唯美外观 微米级喷雾</p>
                        <p class="fs24 colorf42 ml10">￥:89</p>
                    </li>
                    <li>
                        <div class="mainPic"><a href="#"><img src="./images/index06_11.jpg" alt=""></a></div>
                        <img src="./images/index05_18.jpg" alt="">
                        <p class="fs14 ml10">小熊家用静音加湿器</p>
                        <p class="fs14 colorf42 ml10">唯美外观 微米级喷雾</p>
                        <p class="fs24 colorf42 ml10">￥:89</p>
                    </li>
                </ul>
            </div>
        </div>

    </section>

    <!--books-->
    <section id="books" class="layer container mb30 clearfix">
        <!--标题-->
        <div class="title bd_bottom6 clearfix">
            <p class="fs24 fl">图书 电子书</p>
            <ul class="tabMenu fr fs16">
                <li class="on"><a href="#">最新上架</a></li>
                <li><a href="#">独家畅销</a></li>
                <li><a href="#">电子书</a></li>
            </ul>
        </div>
        <!--左边的box-->
        <div class="leftCon fl">
            <img src="./images/index7_07.jpg" alt="">
            <ul class="subject bgcolorf9 clearfix">
                <li><a href="#">中小学教辅</a></li>
                <li><a href="#">外语</a></li>
                <li><a href="#">外语</a></li>
                <li><a href="#">外语</a></li>
                <li><a href="#">外语</a></li>
                <li><a href="#">外语</a></li>
                <li><a href="#">外语</a></li>
                <li><a href="#">外语</a></li>
                <li><a href="#">外语</a></li>
                <li><a href="#">外语</a></li>
                <li><a href="#">外语</a></li>
                <li><a href="#">外语</a></li>
            </ul>
        </div>
        <!--中间的内容-->
        <div class="middleCon fl active">
            <div class="slide fl">
                <!--引入轮播插件2-->
                <div class="pptbox bookSlide">
                    <ul class="innerwrapper">
                        <li><a href="#"><img src="./images/ppt2_05.jpg" /></a></li>
                        <li><a href="#"><img src="./images/ppt2_05.jpg" /></a></li>
                        <li><a href="#"><img src="./images/ppt2_05.jpg" /></a></li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
            </div>
            <div class="picBox">
                <p class="fs14 ml10">奥运狂欢</p>
                <p class="colorf42 ml10">10万种图书 直降40%</p>
                <img src="./images/index09_05.jpg" alt="">
                <p class="fs16 mt10 ml10"><span class="colorf42">￥49 </span><span class="textTr colorb3">￥79</span></p>
            </div>
            <div class="picBox">
                <p class="fs14 ml10">奥运狂欢</p>
                <p class="colorf42 ml10">10万种图书 直降40%</p>
                <img src="./images/index09_05.jpg" alt="">
                <p class="fs16 mt10 ml10"><span class="colorf42">￥49 </span><span class="textTr colorb3">￥79</span></p>
            </div>
            <div class="picBox">
                <p class="fs14 ml10">奥运狂欢</p>
                <p class="colorf42 ml10">10万种图书 直降40%</p>
                <img src="./images/index09_05.jpg" alt="">
                <p class="fs16 mt10 ml10"><span class="colorf42">￥49 </span><span class="textTr colorb3">￥79</span></p>
            </div>
            <div class="picBox">
                <p class="fs14 ml10">奥运狂欢</p>
                <p class="colorf42 ml10">10万种图书 直降40%</p>
                <img src="./images/index09_05.jpg" alt="">
                <p class="fs16 mt10 ml10"><span class="colorf42">￥49 </span><span class="textTr colorb3">￥79</span></p>
            </div>
            <div class="picBox">
                <p class="fs14 ml10">奥运狂欢</p>
                <p class="colorf42 ml10">10万种图书 直降40%</p>
                <img src="./images/index09_05.jpg" alt="">
                <p class="fs16 mt10 ml10"><span class="colorf42">￥49 </span><span class="textTr colorb3">￥79</span></p>
            </div>
            <div class="picBox">
                <p class="fs14 ml10">奥运狂欢</p>
                <p class="colorf42 ml10">10万种图书 直降40%</p>
                <img src="./images/index09_05.jpg" alt="">
                <p class="fs16 mt10 ml10"><span class="colorf42">￥49 </span><span class="textTr colorb3">￥79</span></p>
            </div>
        </div>
        <div class="middleCon fl">
            <div class="slide fl">
                <!--引入轮播插件2-->
                <div class="pptbox bookSlide">
                    <ul class="innerwrapper">
                        <li><a href="#"><img src="./images/ppt2_05.jpg" /></a></li>
                        <li><a href="#"><img src="./images/ppt2_05.jpg" /></a></li>
                        <li><a href="#"><img src="./images/ppt2_05.jpg" /></a></li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
            </div>
            <div class="picBox">
                <p class="fs14 ml10">奥运狂欢222</p>
                <p class="colorf42 ml10">10万种图书 直降40%</p>
                <img src="./images/index09_05.jpg" alt="">
                <p class="fs16 mt10 ml10"><span class="colorf42">￥49 </span><span class="textTr colorb3">￥79</span></p>
            </div>
            <div class="picBox">
                <p class="fs14 ml10">奥运狂欢</p>
                <p class="colorf42 ml10">10万种图书 直降40%</p>
                <img src="./images/index09_05.jpg" alt="">
                <p class="fs16 mt10 ml10"><span class="colorf42">￥49 </span><span class="textTr colorb3">￥79</span></p>
            </div>
            <div class="picBox">
                <p class="fs14 ml10">奥运狂欢</p>
                <p class="colorf42 ml10">10万种图书 直降40%</p>
                <img src="./images/index09_05.jpg" alt="">
                <p class="fs16 mt10 ml10"><span class="colorf42">￥49 </span><span class="textTr colorb3">￥79</span></p>
            </div>
            <div class="picBox">
                <p class="fs14 ml10">奥运狂欢</p>
                <p class="colorf42 ml10">10万种图书 直降40%</p>
                <img src="./images/index09_05.jpg" alt="">
                <p class="fs16 mt10 ml10"><span class="colorf42">￥49 </span><span class="textTr colorb3">￥79</span></p>
            </div>
            <div class="picBox">
                <p class="fs14 ml10">奥运狂欢</p>
                <p class="colorf42 ml10">10万种图书 直降40%</p>
                <img src="./images/index09_05.jpg" alt="">
                <p class="fs16 mt10 ml10"><span class="colorf42">￥49 </span><span class="textTr colorb3">￥79</span></p>
            </div>
            <div class="picBox">
                <p class="fs14 ml10">奥运狂欢</p>
                <p class="colorf42 ml10">10万种图书 直降40%</p>
                <img src="./images/index09_05.jpg" alt="">
                <p class="fs16 mt10 ml10"><span class="colorf42">￥49 </span><span class="textTr colorb3">￥79</span></p>
            </div>
        </div>
        <div class="middleCon fl">
            <div class="slide fl">
                <!--引入轮播插件2-->
                <div class="pptbox bookSlide">
                    <ul class="innerwrapper">
                        <li><a href="#"><img src="./images/ppt2_05.jpg" /></a></li>
                        <li><a href="#"><img src="./images/ppt2_05.jpg" /></a></li>
                        <li><a href="#"><img src="./images/ppt2_05.jpg" /></a></li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
            </div>
            <div class="picBox">
                <p class="fs14 ml10">奥运狂欢3333</p>
                <p class="colorf42 ml10">10万种图书 直降40%</p>
                <img src="./images/index09_05.jpg" alt="">
                <p class="fs16 mt10 ml10"><span class="colorf42">￥49 </span><span class="textTr colorb3">￥79</span></p>
            </div>
            <div class="picBox">
                <p class="fs14 ml10">奥运狂欢</p>
                <p class="colorf42 ml10">10万种图书 直降40%</p>
                <img src="./images/index09_05.jpg" alt="">
                <p class="fs16 mt10 ml10"><span class="colorf42">￥49 </span><span class="textTr colorb3">￥79</span></p>
            </div>
            <div class="picBox">
                <p class="fs14 ml10">奥运狂欢</p>
                <p class="colorf42 ml10">10万种图书 直降40%</p>
                <img src="./images/index09_05.jpg" alt="">
                <p class="fs16 mt10 ml10"><span class="colorf42">￥49 </span><span class="textTr colorb3">￥79</span></p>
            </div>
            <div class="picBox">
                <p class="fs14 ml10">奥运狂欢</p>
                <p class="colorf42 ml10">10万种图书 直降40%</p>
                <img src="./images/index09_05.jpg" alt="">
                <p class="fs16 mt10 ml10"><span class="colorf42">￥49 </span><span class="textTr colorb3">￥79</span></p>
            </div>
            <div class="picBox">
                <p class="fs14 ml10">奥运狂欢</p>
                <p class="colorf42 ml10">10万种图书 直降40%</p>
                <img src="./images/index09_05.jpg" alt="">
                <p class="fs16 mt10 ml10"><span class="colorf42">￥49 </span><span class="textTr colorb3">￥79</span></p>
            </div>
            <div class="picBox">
                <p class="fs14 ml10">奥运狂欢</p>
                <p class="colorf42 ml10">10万种图书 直降40%</p>
                <img src="./images/index09_05.jpg" alt="">
                <p class="fs16 mt10 ml10"><span class="colorf42">￥49 </span><span class="textTr colorb3">￥79</span></p>
            </div>
        </div>

        <!--右边的内容 排行榜-->
        <div class="rankList fr bd2">
            <h3 class="areaCenter fs18 colorb3 mb10">新书畅销榜</h3>
            <ul>
                <li>
                    <div class="bookName fs14 dis_none"><span class="colorf42">1</span>从你的全世界路过</div>
                    <div class="bookCon clearfix mb10">
                        <span class="colorf42 fl">1</span>
                        <img class="fl" src="./images/index08_05.jpg" alt="">
                        <p class="fl mt10">
                            从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li>
                    <div class="bookName fs14"><span class="colorf42">2</span>从你的全世界路过</div>
                    <div class="bookCon clearfix mb10 dis_none">
                        <span class="colorf42 fl">2</span>
                        <img class="fl" src="./images/index08_05.jpg" alt="">
                        <p class="fl mt10">
                            从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li>
                    <div class="bookName fs14"><span class="colorf42">3</span>从你的全世界路过</div>
                    <div class="bookCon clearfix mb10 dis_none">
                        <span class="colorf42 fl">3</span>
                        <img class="fl" src="./images/index08_05.jpg" alt="">
                        <p class="fl mt10">
                            从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li>
                    <div class="bookName fs14"><span class="colorf42">4</span>从你的全世界路过</div>
                    <div class="bookCon clearfix mb10 dis_none">
                        <span class="colorf42 fl">4</span>
                        <img class="fl" src="./images/index08_05.jpg" alt="">
                        <p class="fl mt10">
                            从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li>
                    <div class="bookName fs14"><span class="colorf42">5</span>从你的全世界路过</div>
                    <div class="bookCon clearfix mb10 dis_none">
                        <span class="colorf42 fl">5</span>
                        <img class="fl" src="./images/index08_05.jpg" alt="">
                        <p class="fl mt10">
                            从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li>
                    <div class="bookName fs14"><span class="colorf42">6</span>从你的全世界路过</div>
                    <div class="bookCon clearfix mb10 dis_none">
                        <span class="colorf42 fl">6</span>
                        <img class="fl" src="./images/index08_05.jpg" alt="">
                        <p class="fl mt10">
                            从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <li>
                    <div class="bookName fs14"><span class="colorf42">7</span>从你的全世界路过</div>
                    <div class="bookCon clearfix mb10 dis_none">
                        <span class="colorf42 fl">7</span>
                        <img class="fl" src="./images/index08_05.jpg" alt="">
                        <p class="fl mt10">
                            从你的世界路过 入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
            </ul>
        </div>
    </section>

    <!--cloth-->
    <section id="cloth" class="layer container clearfix mb30">
        <!--标题-->
        <div class="title bd_bottom6 clearfix">
            <p class="fs24 fl">服装</p>
            <ul class="tabMenu fr fs16">
                <li class="on"><a href="#">女装内衣</a></li>
                <li><a href="#">热销男装</a></li>
                <li><a href="#">精品鞋靴</a></li>
            </ul>
        </div>
        <!--左边的box-->
        <div class="leftCon fl">
            <img src="./images/index7_17.jpg" alt="">
            <ul class="subject bgcolorf9 clearfix">
                <li><a href="#">女装</a></li>
                <li><a href="#">防晒品</a></li>
                <li><a href="#">短裤</a></li>
                <li><a href="#">冰丝内裤</a></li>
                <li><a href="#">男包</a></li>
                <li><a href="#">功能箱包</a></li>
                <li><a href="#">蕾丝衬衫</a></li>
                <li><a href="#">奢侈品</a></li>
                <li><a href="#">男鞋</a></li>
                <li><a href="#">女包</a></li>
                <li><a href="#">女鞋</a></li>
                <li><a href="#">全部分类>></a></li>
            </ul>
        </div>
        <!--中间的轮播图和广告图-->
        <div class="slideAD fl">
            <div class="slidebox">
                <!--引入轮播插件2-->
                <div class="pptbox boxAnimate">
                    <ul class="innerwrapper">
                        <li><a href="#"><img src="./images/cloth2.jpg" /></a></li>
                        <li><a href="#"><img src="./images/cloth3.jpg" /></a></li>
                        <li><a href="#"><img src="./images/cloth1.jpg" /></a></li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
            </div>
            <div class="ad">
                <img src="./images/index11_08.jpg" alt="">
            </div>
        </div>
        <!--右边图片列表-->
        <div class="rightCon fl">
            <div class="goods1">
                <img src="./images/index100_05.jpg" alt="">
            </div>
            <div class="goods1">
                <img src="./images/index100_05.jpg" alt="">
            </div>
            <div class="goods1">
                <img src="./images/index100_05.jpg" alt="">
            </div>
            <div class="goods2">
                <img src="./images/index100_11.jpg" alt="">
            </div>
            <div class="goods2">
                <img src="./images/index100_11.jpg" alt="">
            </div>
            <div class="goods2">
                <img src="./images/index100_11.jpg" alt="">
            </div>
        </div>
        <!--底部的品牌logo-->
        <div class="clear"></div>
        <div class="brandLogo mt10 clearfix">
            <ul>
                <li>
                    <a href="#"><img src="./images/index15_13.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/index15_14.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_11.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_12.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_13.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_14.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_15.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_16.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_17.jpg" alt=""></a>
                </li>
            </ul>
        </div>

    </section>

    <!--sports-->
    <section id="sports" class="layer  container clearfix mb30">
        <!--标题-->
        <div class="title bd_bottom6 clearfix">
            <p class="fs24 fl">户外运动</p>
            <ul class="tabMenu fr fs16">
                <li class="on"><a href="#">国际名品</a></li>
                <li><a href="#">户外装备</a></li>
                <li><a href="#">运动潮流</a></li>
            </ul>
        </div>
        <!--左边的box-->
        <div class="leftCon fl">
            <img src="./images/yundong.jpg" alt="">
            <ul class="subject bgcolorf9 clearfix">
                <li><a href="#">女装</a></li>
                <li><a href="#">防晒品</a></li>
                <li><a href="#">短裤</a></li>
                <li><a href="#">冰丝内裤</a></li>
                <li><a href="#">男包</a></li>
                <li><a href="#">功能箱包</a></li>
                <li><a href="#">蕾丝衬衫</a></li>
                <li><a href="#">奢侈品</a></li>
                <li><a href="#">男鞋</a></li>
                <li><a href="#">女包</a></li>
                <li><a href="#">女鞋</a></li>
                <li><a href="#">全部分类>></a></li>
            </ul>
        </div>
        <!--中间的轮播图和广告图-->
        <div class="slideAD fl">
            <div class="slidebox">
                <!--引入轮播插件2-->
                <div class="pptbox boxAnimate">
                    <ul class="innerwrapper">
                        <li><a href="#"><img src="./images/zhengkai.jpg" /></a></li>
                        <li><a href="#"><img src="./images/yangkun.jpg" /></a></li>
                        <li><a href="#"><img src="./images/newb.jpg" /></a></li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
            </div>
            <div class="ad">
                <img src="./images/index11_08.jpg" alt="">
            </div>
        </div>
        <!--右边图片列表-->
        <div class="rightCon fl">
            <div class="goods1">
                <img src="./images/lining.jpg" alt="">
            </div>
            <div class="goods1">
                <img src="./images/lining.jpg" alt="">
            </div>
            <div class="goods1">
                <img src="./images/lining.jpg" alt="">
            </div>
            <div class="goods2">
                <img src="./images/yundongku.jpg" alt="">
            </div>
            <div class="goods2">
                <img src="./images/yundongku.jpg" alt="">
            </div>
            <div class="goods2">
                <img src="./images/yundongku.jpg" alt="">
            </div>
        </div>
        <!--底部的品牌logo-->
        <div class="clear"></div>
        <div class="brandLogo mt10 clearfix">
            <ul>
                <li>
                    <a href="#"><img src="./images/index15_13.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/index15_14.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_11.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_12.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_13.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_14.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_15.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_16.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_17.jpg" alt=""></a>
                </li>
            </ul>
        </div>
    </section>

    <!--children-->
    <section id="children" class="layer  container clearfix mb30">
        <!--标题-->
        <div class="title bd_bottom6 clearfix">
            <p class="fs24 fl">童装 童鞋 婴儿鞋</p>
            <ul class="tabMenu fr fs16">
                <li class="on"><a href="#">儿童服装</a></li>
                <li><a href="#">婴儿装</a></li>
                <li><a href="#">小潮童鞋</a></li>
            </ul>
        </div>
        <!--左边的box-->
        <div class="leftCon fl">
            <img src="./images/ertong2.jpg" alt="">
            <ul class="subject bgcolorf9 clearfix">
                <li><a href="#">女装</a></li>
                <li><a href="#">防晒品</a></li>
                <li><a href="#">短裤</a></li>
                <li><a href="#">冰丝内裤</a></li>
                <li><a href="#">男包</a></li>
                <li><a href="#">功能箱包</a></li>
                <li><a href="#">蕾丝衬衫</a></li>
                <li><a href="#">奢侈品</a></li>
                <li><a href="#">男鞋</a></li>
                <li><a href="#">女包</a></li>
                <li><a href="#">女鞋</a></li>
                <li><a href="#">全部分类>></a></li>
            </ul>
        </div>
        <!--中间的轮播图和广告图-->
        <div class="slideAD fl">
            <div class="slidebox">
                <!--引入轮播插件2-->
                <div class="pptbox boxAnimate">
                    <ul class="innerwrapper">
                        <li><a href="#"><img src="./images/lunbo.jpg" /></a></li>
                        <li><a href="#"><img src="./images/children2.jpg" /></a></li>
                        <li><a href="#"><img src="./images/children3.jpg" /></a></li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
            </div>
            <div class="ad">
                <img src="./images/index11_08.jpg" alt="">
            </div>
        </div>
        <!--右边图片列表-->
        <div class="rightCon fl">
            <div class="goods1">
                <img src="./images/ertong.jpg" alt="">
            </div>
            <div class="goods1">
                <img src="./images/ertong.jpg" alt="">
            </div>
            <div class="goods1">
                <img src="./images/ertong.jpg" alt="">
            </div>
            <div class="goods2">
                <img src="./images/tongxie.jpg" alt="">
            </div>
            <div class="goods2">
                <img src="./images/tongxie.jpg" alt="">
            </div>
            <div class="goods2">
                <img src="./images/tongxie.jpg" alt="">
            </div>
        </div>
        <!--底部的品牌logo-->
        <div class="clear"></div>
        <div class="brandLogo mt10 clearfix">
            <ul>
                <li>
                    <a href="#"><img src="./images/index15_13.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/index15_14.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_11.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_12.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_13.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_14.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_15.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_16.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./images/logo13_17.jpg" alt=""></a>
                </li>
            </ul>
        </div>
    </section>

    <!--daily-->
    <section id="daily" class="layer container mb30">
        <!--标题-->
        <div class="title bd_bottom6">
            <p class="fs24">家居日用</p>
        </div>
        <!--家居到内容-->
        <div class="dailyCon clearfix">
            <!--左边的大盒子-->
            <div class="dailyCon_left fl">
                <img src="./images/jiaju.jpg" alt="">
            </div>
            <!--右边盒子-->
            <div class="rightCon fl">
                <div class="goods1">
                    <img src="./images/index22_05.jpg" alt="">
                </div>
                <div class="goods1">
                    <img src="./images/index22_05.jpg" alt="">
                </div>
                <div class="goods1">
                    <img src="./images/index22_05.jpg" alt="">
                </div>
                <div class="goods1">
                    <img src="./images/index22_05.jpg" alt="">
                </div>
                <div class="goods2">
                    <img src="./images/index23_08.jpg" alt="">
                </div>
                <div class="goods2">
                    <img src="./images/index23_08.jpg" alt="">
                </div>
                <div class="goods2">
                    <img src="./images/index23_08.jpg" alt="">
                </div>
                <div class="goods2">
                    <img src="./images/index23_08.jpg" alt="">
                </div>
            </div>
        </div>
    </section>

    <!--popularize-->
    <section id="popularize" class="container mb30">
        <!--标题-->
        <div class="title bd_bottom6 clearfix">
            <p class="fs24 colorf60 fl">推广商品</p>
            <ul class="fr">
                <li class="on"></li>
                <li></li>
            </ul>
        </div>
        <!--内容-->
        <ul class="more_page1 areaCenter clearfix">
            <li>
                <img src="./images/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="areaLeft colorf42 fs24">￥:189</p>
                <p class="fs14">已有<span class="colorf42">988</span>条评价</p>
            </li>
            <li>
                <img src="./images/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="areaLeft colorf42 fs24">￥:189</p>
                <p class="fs14">已有<span class="colorf42">988</span>条评价</p>
            </li>
            <li>
                <img src="./images/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="areaLeft colorf42 fs24">￥:189</p>
                <p class="fs14">已有<span class="colorf42">988</span>条评价</p>
            </li>
            <li>
                <img src="./images/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="areaLeft colorf42 fs24">￥:189</p>
                <p class="fs14">已有<span class="colorf42">988</span>条评价</p>
            </li>
            <li>
                <img src="./images/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="areaLeft colorf42 fs24">￥:189</p>
                <p class="fs14">已有<span class="colorf42">988</span>条评价</p>
            </li>
            <li>
                <img src="./images/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="areaLeft colorf42 fs24">￥:189</p>
                <p class="fs14">已有<span class="colorf42">988</span>条评价</p>
            </li>
            <li>
                <img src="./images/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="areaLeft colorf42 fs24">￥:189</p>
                <p class="fs14">已有<span class="colorf42">988</span>条评价</p>
            </li>
            <li>
                <img src="./images/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="areaLeft colorf42 fs24">￥:189</p>
                <p class="fs14">已有<span class="colorf42">988</span>条评价</p>
            </li>
            <li>
                <img src="./images/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="areaLeft colorf42 fs24">￥:189</p>
                <p class="fs14">已有<span class="colorf42">988</span>条评价</p>
            </li>
            <li>
                <img src="./images/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="areaLeft colorf42 fs24">￥:189</p>
                <p class="fs14">已有<span class="colorf42">988</span>条评价</p>
            </li>
        </ul>
        <ul class="more_page1 areaCenter clearfix dis_none">
            <li>
                <img src="./images/newb.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="areaLeft colorf42 fs24">￥:189</p>
                <p class="fs14">已有<span class="colorf42">988</span>条评价</p>
            </li>
            <li>
                <img src="./images/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="areaLeft colorf42 fs24">￥:189</p>
                <p class="fs14">已有<span class="colorf42">988</span>条评价</p>
            </li>
            <li>
                <img src="./images/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="areaLeft colorf42 fs24">￥:189</p>
                <p class="fs14">已有<span class="colorf42">988</span>条评价</p>
            </li>
            <li>
                <img src="./images/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="areaLeft colorf42 fs24">￥:189</p>
                <p class="fs14">已有<span class="colorf42">988</span>条评价</p>
            </li>
            <li>
                <img src="./images/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="areaLeft colorf42 fs24">￥:189</p>
                <p class="fs14">已有<span class="colorf42">988</span>条评价</p>
            </li>
            <li>
                <img src="./images/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="areaLeft colorf42 fs24">￥:189</p>
                <p class="fs14">已有<span class="colorf42">988</span>条评价</p>
            </li>
            <li>
                <img src="./images/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="areaLeft colorf42 fs24">￥:189</p>
                <p class="fs14">已有<span class="colorf42">988</span>条评价</p>
            </li>
            <li>
                <img src="./images/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="areaLeft colorf42 fs24">￥:189</p>
                <p class="fs14">已有<span class="colorf42">988</span>条评价</p>
            </li>
            <li>
                <img src="./images/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="areaLeft colorf42 fs24">￥:189</p>
                <p class="fs14">已有<span class="colorf42">988</span>条评价</p>
            </li>
            <li>
                <img src="./images/index25_12.jpg" alt="">
                <p class="fs14">Pigeon法国制奶嘴，无毒天然乳胶</p>
                <p class="areaLeft colorf42 fs24">￥:189</p>
                <p class="fs14">已有<span class="colorf42">988</span>条评价</p>
            </li>
        </ul>
    </section>

    <!--footer-->
    <footer id="footer" class="mt50">
        <div class="footerBd container-fluid">
            <!--回到顶部-->
            <div class="container clearfix goTop">
                <a href="#"><img class="fr" src="./images/gototop_05.jpg" alt=""></a>
            </div>
        </div>
        <!--公司服务-->
        <div class="serviceImg container-fluid areaCenter">
            <img src="./images/222_11.png" alt="">
            <img src="./images/222_13.png" alt="">
            <img src="./images/222_15.png" alt="">
            <img src="./images/222_17.png" alt="">
        </div>
        <div class="serviceList container">
            <div class="listBox areaCenter clearfix">
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>发票制度</dd>
                    <dd>账户管理</dd>
                    <dd>会员优惠</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>发票制度</dd>
                    <dd>账户管理</dd>
                    <dd>会员优惠</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>发票制度</dd>
                    <dd>账户管理</dd>
                    <dd>会员优惠</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>发票制度</dd>
                    <dd>账户管理</dd>
                    <dd>会员优惠</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>发票制度</dd>
                    <dd>账户管理</dd>
                    <dd>会员优惠</dd>
                </dl>
            </div>
            <a href="#"><img src="./images/logo_00.png" alt=""></a>
        </div>
        <!--版权信息-->
        <div class="container copyright areaCenter">
            <p>
                <a href="#">公司简介</a>|
                <a href="#">Investor Relations</a>|
                <a href="#">网站联盟</a>|
                <a href="#">乐购招商</a>|
                <a href="#">机构销售</a>|
                <a href="#">手机乐购</a>|
                <a href="#">官方Blog</a>|
                <a href="#">热词搜索</a>
            </p>
            <p class="mt20 mb100">
                Copyright (C) 乐购网 2004-2016, All Rights Reserved
            </p>
        </div>
    </footer>

    <!--楼层-->
    <ul id="layerScroll">
        <li class="icon1">图书</li>
        <li class="icon2">服装</li>
        <li class="icon3">运动</li>
        <li class="icon4">童装</li>
        <li class="icon5">家居</li>
    </ul>

    <!--顶部搜索栏-->
    <section id="fixTop"></section>

</body>

</html>